<template>
	<view>
		<u-collapse accordion>
			<u-collapse-item :title="'第'+ (index+1) +'题：' + item.title" v-for="(item, index) in brusharr" :key="index">
				<text class="u-collapse-content">{{item.answer}}</text>
			</u-collapse-item>
		</u-collapse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				brusharr: [{
					title: "HTML5新特性有哪些？",
					answer: `&1: 新增了语义化标签: header footer section aside nav
&2: 媒体: 新增video和audio
&3: 绘画技术: canvas和svg
&4: 新增表单控件: 比如color email time date...等
&&& 拓展问题: canvas和svg的区别
canvas: 绘制的是位图(由像素点构成, 放大后会虚化, 并且边缘会锯
齿化)
svg: 绘制的是矢量图(放大不会虚化)`
				}, {
					title: "行内元素和块级元素的区别？",
					answer: `&1: 块级元素: 独占一行, 默认宽度100%, 可设置宽高
&2: 行内元素: 共享一行, 宽高由内容撑起, 不可设置宽高
&&& 常见块级元素: <div> <p> <hn系列标签> ... 常见行内元素:
<span> <a> <img>`
				}, {
					title: "清除浮动的方式有哪些？",
					answer: "3"
				}]
			};
		},
		onLoad(params) {
			console.log(params);
		}
	}
</script>

<style lang="scss">

</style>

















